﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="SICOIA.Login" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register Src="UserControls/Login/ucLogin.ascx" TagName="ucLogin" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head runat="server">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name='robots' content='all, follow' />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <title>::: Sistema De Control Integral De Afectaciones PEMEX :::</title>
    <link href="Includes/public/css/login.css" rel="stylesheet" type="text/css" />
    <link href="Includes/public/css/login-content.css" rel="stylesheet" type="text/css" />
    <link href="Includes/public/css/dockmenu.css" rel="stylesheet" type="text/css" />
    <script src="Includes/public/js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="Includes/public/js/interface.js" type="text/javascript"></script>
</head>
<body>
    <form id="frmLogin" runat="server">
    <!-- Cambie esto ScriptManager por ToolkitScriptManager  -->
    <asp:ToolkitScriptManager ID="ScriptManagerLogin" runat="server" EnableScriptGlobalization="true"
        EnableScriptLocalization="true">
    </asp:ToolkitScriptManager>
    <script type="text/javascript" src="Includes/js/jsUpdateProgress.js"></script>
    <div id="menu">
        <div class="menu_header">
            <div class="dock" id="dock">
                <div class="dock-container">
                    <a class="dock-item" href="#tabla1">
                        <img src="Includes/public/images/dock/solicitudes.png" alt="" /><span> Solicitudes
                            Atendidas</span></a> <a class="dock-item" href="#tabla1">
                                <img src="Includes/public/images/dock/obras.png" alt="" /><span>Avance de Obras</span></a>
                    <a class="dock-item" href="#tabla1">
                        <img src="Includes/public/images/dock/afectados.png" alt="" /><span>Afectaciones</span></a>
                    <a class="dock-item" href="#">
                        <img src="Includes/public/images/dock/directorio.png" alt="" /><span>Directorio CAEC</span></a>
                    <a class="dock-item" href="#">
                        <img src="Includes/public/images/dock/organigrama.png" alt="" /><span>Organigrama</span></a>
                    <a class="dock-item" href="#">
                        <img src="Includes/public/images/dock/sectores.png" alt="" /><span>Sectores</span></a>
                </div>
            </div>
            <div id="logo">
                <img src="Includes/public/images/bg-logo.png" alt="" />
            </div>
            <div id="login">
                <uc1:ucLogin ID="ucLogin1" runat="server" />
            </div>
        </div>
        <script type="text/javascript">

            $(document).ready(
		function () {
		    $('#dock').Fisheye(
				{
				    maxWidth: 60,
				    items: 'a',
				    itemsText: 'span',
				    container: '.dock-container',
				    itemWidth: 60,
				    proximity: 90,
				    halign: 'center'
				}
			)
		}

	);

    function mensaje(valor) {
        $('#divREQUI').hide();
        $('#divSIN_SOL').hide();
        $('#divSIN_PLA').hide();
        $('#divVALIDA').hide();

        $('#div' + valor + '').show();
    }

    document.body.onload = function () {
        $('#divREQUI').hide();
        $('#divSIN_SOL').hide();
        $('#divSIN_PLA').hide();
        $('#divVALIDA').hide(); 
    }

</script>
    </div>
    <div id="main">
    </div>
    <div id="content">
        <div class="content_cols">
            <div class="colhalf" >
                <h1>
                    Programadas</h1>
                <%= ObtenerGraficaUno()%>
                <p>
                    Estatus de Obras</p>
            </div>
            <div class="col">
                <h1>
                    Detalle de Programadas</h1>
               <%-- <img src="Includes/public/images/graphs.jpg" alt="" width="250" height="180" />--%>

               <div id="divREQUI" style="width:250; height:220px; visibility:none;">
                    <%= ObtenerGraficaDetalleUno()%>
               </div>
               <div id="divSIN_SOL" style="width:250; height:220px; visibility:none;">
                    <%= ObtenerGraficaDetalleDos()%>
               </div>
               <div id="divSIN_PLA" style="width:250; height:220px; visibility:none;">
                    <%= ObtenerGraficaDetalleTres()%>
               </div>
               <div id="divVALIDA" style="width:250; height:220px; visibility:none;">
                    <%= ObtenerGraficaDetalleCuatro()%>
               </div>
                <p>
                    Seleccione una seccion de la Gráfica Programada</p>
            </div>
            <div class="colfull" style=" height:600px;">
                <h1>
                    Obras Prioritarias</h1>
                
                    <asp:UpdatePanel ID="UpdatePanelCuerpo" RenderMode="Inline" runat="server" ChildrenAsTriggers="False"
                            UpdateMode="Conditional">
                            <ContentTemplate>
                    <asp:GridView ID="grdSoliciudes" runat="server" AutoGenerateColumns="False" GridLines="None"
                                    PagerStyle-CssClass="pgr" SkinID="Consultas" AllowPaging="True" OnPageIndexChanging="grdSoliciudes_PageIndexChanging"
                                    PageSize="13" OnRowCommand="grdSoliciudes_RowCommand" EmptyDataText="0 Registros"
                                    ShowHeaderWhenEmpty="True">
                                    <PagerSettings Position="Bottom" />
                                    <Columns>
                                        <asp:TemplateField HeaderText="Detalles">
                                            <ItemTemplate>
                                                <asp:ImageButton ID="btnActualizar" runat="server" CommandArgument='<%# Eval("CveTrabajoRealizar") %>'   
                                                    ImageUrl="~/App_Themes/Pemex/img/editar.png"
                                                    CommandName="Editar" SkinID="editar" OnClientClick='<%# Eval("CveTrabajoRealizar", "return showSlidingWindow(\"{0}\")" ) %>'   />
                                            </ItemTemplate>
                                            <ItemStyle CssClass="centrarTD" Width="3%" />
                                        </asp:TemplateField>
                                        <asp:BoundField DataField="CveEstatus" HeaderText="Estatus"></asp:BoundField>
                                        <asp:BoundField DataField="DescripcionObra" HeaderText="Obra"></asp:BoundField>
                                        <asp:BoundField DataField="FechaPrioritaria" HeaderText="Prioritaria"></asp:BoundField>
                                        <asp:BoundField DataField="FechaEntregaPlanos" HeaderText="Entrega Planos"></asp:BoundField>
                                        <asp:BoundField DataField="FechaPlanosCorregidos" HeaderText="Correción Planos"></asp:BoundField>
                                        <asp:BoundField DataField="FechaPlanosValidados" HeaderText="Validación Planos"></asp:BoundField>
                                        <asp:BoundField DataField="FechaultimoPP" HeaderText="Ultimo PP"></asp:BoundField>
                                    </Columns>
                                </asp:GridView>
                            </ContentTemplate>
                            <Triggers>
                                <asp:AsyncPostBackTrigger ControlID="grdSoliciudes" EventName="PageIndexChanging" />
                            </Triggers>
                        </asp:UpdatePanel>
            </div>
            <div class="colhalf">
                <h1>
                    Titular de la columna</h1>
                <img src="Includes/public/images/graphs2.jpg" alt="" width="500" />
            </div>
            <div class="col">
                <h1>
                    Otros sistemas</h1>
                <ul>
                    <li><a href="#">Sistema perenganito de tal de pemex</a></li>
                    <li><a href="#">Sistema perenganito</a></li>
                    <li><a href="#">CISMS </a></li>
                    <li><a href="#">Sistema pemex</a></li>
                    <li><a href="#">Sistema perenganito de pemex</a></li>
                    <li><a href="#">Sistema perenganito</a></li>
                    <li><a href="#">CISMS </a></li>
                </ul>
            </div>
        </div>
    </div>    
    <div id="footer">
        © 2012 PEMEX Exploración y Producción | Inicio</div>
    </form>
</body>
</html>
